.container {
.top{
	background: linear-gradient(to right,#4890F7,#3374EF);
	height: 200rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20rpx;
}
.date-picker{
	color: white;
.picker-year{
	display: flex;
	align-items: center;
	image{
		width: 30rpx;
		margin-left: 5rpx;
	}
}
	

}
  .box{
	  display: flex;
	  justify-content: space-around;
	  background-color: white;
	  border-radius: 10rpx;
	  padding: 10rpx 5rpx;
	  margin-top: 20rpx;
	  .box-item{
		  display: flex;
		  image{
			  width: 30rpx;
			  margin-right: 10rpx;
		  }
		  .unit{
			  font-size: 24rpx;
		  }
		  .money{
			  margin-left: 10rpx;
			  font-weight: bold;
		  }
		  .num{
			  font-weight: bold;
		  }
		  .slash{
			  color: #B0ABAB;
			  margin: 0 10rpx;
		  }
	  }
  }

  .listBox {
    .list-wrapper {
      position: relative;
      flex: 1;
      padding: 20rpx 0;
      box-sizing: border-box;
      overflow: hidden;

      .card-wrapper {
        background: #ffffff;
        border-radius: 20rpx;
        padding: 20rpx;
        margin: 0 30rpx 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 52rpx;

    .left{
		flex:2;
	.dateBox{
		font-weight: bold;
	}
	.detail{
		font-size: 24rpx;
		color: #979797;
		display: flex;
		align-items: center;
		image{
			width: 30rpx;
		}
	}
		
	}
	.item{
		flex:1;
		text-align: center;
		.unit{
			font-size: 24rpx;
		}
		.fail{
			color: #FF5959;
		}
	}

      
      }
    }
  }

  .popup-content {
    width: 710rpx;
    height: 100%;
    border-radius: 0rpx 0rpx 20rpx 20rpx;
    padding: 20rpx;

    .popupItem {
      margin-bottom: 40rpx;

      .title {
        font-size: 30rpx;
        font-weight: bold;
        color: #333;
        margin-bottom: 30rpx;
      }

      .button-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-right: -16rpx;

        .button {
          width: 160rpx;
          height: 50rpx;
          line-height: 50rpx;
          text-align: center;
          background: #f2f2f2;
          border-radius: 10rpx;
          font-size: 20rpx;
          font-weight: 400;
          color: $uni-text-color;
          margin-right: 16rpx;
          margin-bottom: 10rpx;

          &.checked {
            background: url("https://jhl-pay.oss-cn-shenzhen.aliyuncs.com/agent/icon-button-selected.png") no-repeat center;
            background-size: contain;
            color: $uni-color-primary;
          }
        }
      }

      .buttonBox {
        display: flex;
        float: right;
        padding-bottom: 30rpx;
        margin-top: 40rpx;

        .button {
          width: 120rpx;
          height: 60rpx;
          line-height: 60rpx;
          text-align: center;
          border: 2rpx solid #5769af;
          border-radius: 30rpx;
          font-size: 26rpx;
          font-weight: 400;
          color: #5769af;

          &-confirm {
            background: #5769af;
            color: #ffffff;
            margin-left: 40rpx;
          }
        }
      }
    }

  }
}